<template>
  <div>
    <div class="more">
      <router-link to='/more/about' class="form-line-link">关于我们</router-link>
      <router-link to='/more/feedback' class="form-line-link hairlines-top">意见反馈</router-link>
      <a :href="'tel:' + tel" class="form-line-link hairlines-top">联系客服</a>
    </div>
    <footer class="fixed-footer">
      <input class="footer-fullW-bt" type="button" value="返回" @click="back">
    </footer>
  </div>
</template>
<script>
  export default {
    name: 'more',
    data () {
      return {
        title: '更多功能'
      }
    },
    computed: {
      tel () {
        return this.$store.state.servicePhone
      }
    },
    methods: {
      back () {
        this.$router.go(-1)
      }
    },
    created () {
      this.setTitle(this.title)
      let tel = this.$store.state.servicePhone
      if (!tel) {
        this.api.getServicePhone()
      }
    }
  }
</script>
<style lang="scss" scoped>
  @import '../../assets/css/function.scss';
  .more{
    padding: 0 rem(24);
    background: #fff;
  }
</style>
